<template>
  <div>
    <div>
      <van-button type="default" block  icon  hairline @click="changePass">修改密码</van-button>
      <van-button type="default" block  icon  hairline @click="changePhone">修改手机号</van-button>
      
      <!-- <hr> -->
    </div>
   <div class="logout-btn"> 
    <van-button type="default" block @click="logoutBtn">退出登录</van-button>
   </div>
  </div>
</template>
<script>
import { Toast } from 'vant';
export default {
  methods :{
    logoutBtn(){
      // console.log('退出登录');
      Toast('退出成功')
      this.$router.push('/login')
    },
    changePass(){
      // console.log('修改密码');
      this.$router.push({
        path:'/change/password',
        query:{
          hardText:'修改密码'
        }
      })
    },
    changePhone(){
      // console.log('修改手机号');
      this.$router.push({
        path:'/change/password',
        query:{
          hardText:'修改手机号',
          isChangePhone:true,
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.logout-btn {
  margin-top: 40px;
}
</style>